<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Options</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

        label {
            font-size: 32px;
            border: 1px solid red;
        }
        button{
            font-size: 33px;
        }
        input{
            font-size: 33px;
        }
        .color-option {
            margin: 10px 0;
        }
    </style>
</head>

<body>
    <h1>Choose Background Color</h1>
    <div style="max-width: 333px; margin: auto; ">
        <div class="color-option">
            <input type="radio" name="bgcolor" value="black" id="black">
            <label for="black">Black</label>
        </div>
        <div class="color-option">
            <input type="radio" name="bgcolor" value="blue" id="blue">
            <label for="blue">Blue </label>
        </div>
        <div class="color-option">
            <input type="radio" name="bgcolor" value="red" id="red">
            <label for="red">Red</label>
        </div>
        <div class="color-option">
            <input type="radio" name="bgcolor" value="green" id="green">
            <label for="green">Green</label>
        </div>
        <button id="save"  >Save</button>
        <hr>
        <input type="text" id="websiteInput">
        <button id="saveButton">保存</button>
      

        


    </div>
</body>
<script src="options.js"></script>

</html>